<!-- 长列表 -->
<template>
  <div class="general-list-container">

    <div class="tab-class" @click="clickTabe(0)">tab1</div>

    <div class="tab-class" @click="clickTabe(1)">tab2</div>

    <div v-show="showIndex === 0">
      <GeneGeneralVirtualListr
        :listRes="listData"
        :listHeight="lHeight"
      ></GeneGeneralVirtualListr>
    </div>
  </div>
</template>

<script>

import {listDemoRes} from './data.js';
import GeneGeneralVirtualListr from '@/components/GeneralVirtualList/index.vue';
export default {
  name: 'page-winUIScroll',
  components: {
    GeneGeneralVirtualListr,
  },
  data() {
    return {
      listData: {},
      lHeight: 300,
      showIndex: 0,
      showMaxH:false
    }
  },
   
  created() {
    setTimeout(() => {
      console.log('++++++++++++');
      
      this.showMaxH = true;
    }, 3000);
    
  },
  mounted() {
    this.$nextTick(() => {
      this.listData = listDemoRes;
    });
  },
  

  methods: {
    clickTabe(index) {
      this.showIndex = index;
    },
  },

}
</script>

<style lang="less">
 
.tab-class {
  padding: 15px;
  margin: 10px;
  background-color: green;
}
.max-class-show {
  height: 200px;
}

</style>
